<template>
	<div class="recommend-view">
		
		<div class="recommend-item" v-for="(item,index) in recommends" :key="item.id">
			
			<a>
				<img src="@/assets/images/share.jpg" />
				<div class="desc">{{item.id}}</div>
			</a>
		</div>
		
		
		
	</div>
</template>

<script>
	export default{
		props:{
			recommends:{
				type:Array,
				default(){
					return []
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.recommend-view{
		display: flex;
		justify-content: center;
		align-items: center;
		
		.recommend-item{
			flex: 1;
			padding: 15px;
			text-align: center;
		}
		.recommend-item img{
			width: 100px;
			margin-bottom: 5px;
			display: inline-flex;
		}
	}
</style>
